﻿/* reset browser styles */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1.2;
}
ol { 
	padding-left: 1.4em;
	list-style: decimal;
}
ul {
	padding-left: 1.4em;
	list-style: square;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
} 
/* end reset browser styles */

* {
    font-family: Verdana, sans-serif;    
}

html {
	padding-top: 25px;		
    padding-bottom: 25px;            
}

body {
    width: 80%;
    min-width: 1024px;
    max-width: 1024px;
    margin: 0 auto;      
    border: 1px solid #000;    
    
    /*box-shadow: 10px 10px 10px rgba(0,0,0,.5);      */
    box-shadow: 0 0 5px 5px rgba(0,0,0,.5);    
    background-color: rgb(1, 56, 106);	
   
}

::selection {
    color: rgb(255, 255, 255);
    background-color: rgb(1, 56, 106);
}

a {
    color: rgb(1, 56, 106);
    font-size: 13px;  
    text-decoration:none;  
    display: block;    
}

a:hover {  
    text-decoration: underline;
    text-shadow: 1px 1px 1px rgb(206, 199, 198);        
}


header {
    padding: 10px;
    height: 70px;    
    /*background-color: rgb(247, 231, 189);    */
    background: -webkit-linear-gradient(rgb(103, 153, 166), rgb(1, 56, 106));
    background: -moz-linear-gradient(rgb(103, 153, 166), rgb(1, 56, 106));
    background: -o-linear-gradient(rgb(103, 153, 166),rgb(1, 56, 106));
    background: linear-gradient(rgb(103, 153, 166), rgb(1, 56, 106));    
    border-bottom: none;

}

    header h1 {
        font-size: 30px;
        text-shadow: 1px 1px 1px #000;        
        color: rgb(255,255,255);
        text-align: left;
        padding-top: 5px;
    }

    header h2 {
        font-size: 14px;        
        color: rgb(255,255,255);
        text-align: right;
        padding-top: 10px;
    }
   
    header a {
        color: rgb(255,255,255);
        font-size: 14px;  
        text-decoration:none;  
        text-align: right;   
        display: inline;      
    }

    header a:hover {  
        text-decoration: underline;
        text-shadow: 1px 1px 1px rgb(206, 199, 198);        
    }



section#MainContent {
    padding: 20px;
    padding-top: 40px;     
    background-color: rgb(251, 251, 251);
    /*border-top: 1px dashed #000;    */
    border-top: none;
}

    section#MainContent h1 {
        font-size: 16px;
        font-weight: normal;            
        padding-top: 20px;
        padding-bottom: 15px;
        color: rgb(0, 0, 0);
    }

    section#MainContent h2 {
        font-size: 14px;
        font-weight: normal;            
        padding-top: 10px;
        padding-bottom: 10px;
        color: rgb(1, 56, 106);
    }

    section#MainContent p {
        font-size: 13px;        
        color: rgb(1, 56, 106);
        padding-bottom: 10px;
    }
    
    section#MainContent p.small {          
        padding-bottom: 5px;
    }

    section#MainContent p.underline {          
        border-bottom: dotted #000 1px;
        color: rgb(206, 199, 198); 
    }
    
footer {
    padding: 10px;
    /* background-color: rgb(206, 199, 198); */
    background: -webkit-linear-gradient(rgb(1, 56, 106), rgb(103, 153, 166));
    background: -moz-linear-gradient(rgb(1, 56, 106), rgb(103, 153, 166));
    background: -o-linear-gradient(rgb(1, 56, 106), rgb(103, 153, 166));
    background: linear-gradient(rgb(1, 56, 106), rgb(103, 153, 166));
    font-size: 10px;
    text-align: center;
    color: rgb(255,255,255);
    /*border-top: 1px dashed #000;*/
    border-top: none;
}

.note {
    padding: 10px;    
    font-size: 10px;
    text-align: center;
    border: solid 1px inset rgb(206, 199, 198);
}

.subform {
    font-size: 13px;
}

.subform .label {
	display: inline-block;
	width: 200px;
	vertical-align: top;
	text-align: right;
	margin-right: 10px;
}

.subform .radios {
    margin-left: 210px;    
}

.subform .labelact {
	display: inline-block;	
	vertical-align: middle;
	text-align: right;
	margin-left: 10px;
}

.subform .labelcnt {	
	text-align: center;
    margin-left: 10px;	
}

.subform .labellft {	
	text-align: left;
    margin-left: 10px;	
    width: 200px;
    vertical-align: top;
    display: inline-block;
}

.subform input[type="text"], .subform textarea {
	border: dotted 1px #000;
	background-color: rgb(251, 251, 251);    
	width: 480px;	
	padding: 5px;
}

.subform input[type="text"]:focus, .subform textarea:focus {
	background-color: white;
	color:black;
    box-shadow: inset 0 0 5px rgba(1, 56, 106,1);
}

.goodrslt {
    color: green;
    border-color: darkgreen;
}

.badrslt {
    color: red;
    border-color: darkred;
}

.ErrorMessage {
    color: red;
    margin-left: 10px;
}

.pwd {
    font-family: Wingdings, 'Wingdings 2';
}

.selects {	
    width: 480px;	
    font-family: Consolas, 'Courier New';
    font-size: 13px;
}

.selects .newgroups {
    background-color: rgb(0, 106, 103);
    color: rgb(255, 255, 255);
}

.selects .bgcolordark {    
    background-color: rgb(52, 96, 136);
    color: rgb(255, 255, 255);    
}

.selects .bgcolorlight {   
    background-color: rgb(255, 255, 255);
    color: rgb(1, 56, 106);
}

.selects-min {	
    width: 230px;	
    font-family: Consolas, 'Courier New';
    font-size: 13px;
}

.selects-min .bgcolordarker  {    
    background-color: rgb(52, 96, 136);
    color: rgb(255, 255, 255);    
}

.selects-min .bgcolordark  {    
    background-color: rgb(103, 153, 166);
    color: rgb(255, 255, 255);    
}

.selects-min .bgcolorlight {   
    background-color: rgb(255, 255, 255);
    color: rgb(1, 56, 106); 
}

.divExistUsr {
    display: inline-block;
	width: 200px;
	vertical-align: top;
	text-align: right;
	margin-right: 10px;
}

.PleaseWait {
    height: 48px;  
    background-color: #346088; 
    background-image: url(../Images/ajaxclock.gif);
    background-repeat: no-repeat;
    background-position: center;
    border: 1px inset #01386a;
    text-align: center;
    line-height: 48px;
    margin: 5px;    
    color: #FFFFFF;
}

.rslttablegood {
    width: 80%;
    margin: auto;
    border: solid 1px;
    font-size: 12px;         
}
    .rslttablegood td {        
        border: solid 1px #26522b;        
        padding: 5px;   
    }
    .rslttablegood tr:nth-of-type(even) {            
        background-color: #FFFFFF;
        color: #26522b;
    }
    .rslttablegood tr:nth-of-type(odd) {        
        background-color: #a2c2a5;
        color: #000000;
    }
 
.rslttablesoso {    
    width: 80%;
    margin: auto;
    border: solid 1px;
    font-size: 12px;        
}   
    .rslttablesoso td {        
        border: solid 1px #ff7e00;            
        padding: 5px;
    }
    .rslttablesoso tr:nth-of-type(even) {        
        background-color: #ffb266;
        color: #000000;
    }
    .rslttablesoso tr:nth-of-type(odd) {        
        background-color: #FFFFFF;
        color: #ff7e00;
    }

.rslttablebad {
    width: 80%;
    margin: auto;
    border: solid 1px;
    font-size: 12px;           
}
    .rslttablebad td {        
        border: solid 1px #ff000d;        
        padding: 5px;     
    }
    .rslttablebad tr:nth-of-type(even) {        
        background-color: #ff666e;
        color: #000000;
    }
    .rslttablebad tr:nth-of-type(odd) {                 
        background-color: #FFFFFF;
        color: #ff000d;
    }

.tableabout {
    width: 80%;
    margin: auto;
    border: solid 1px;
    font-size: 12px;           
}
   .tableabout th {        
        border: solid 1px rgb(1, 56, 106);        
        color: rgb(255,255,255);        
        background: -webkit-linear-gradient(rgb(103, 153, 166), rgb(1, 56, 106));
        background: -moz-linear-gradient(rgb(103, 153, 166), rgb(1, 56, 106));
        background: -o-linear-gradient(rgb(103, 153, 166),rgb(1, 56, 106));
        background: linear-gradient(rgb(103, 153, 166), rgb(1, 56, 106));     
        padding: 5px;     
    }

    .tableabout td {        
        border: solid 1px rgb(1, 56, 106);        
        padding: 5px;     
    }
    .tableabout tr:nth-of-type(even) {        
        background-color: rgb(103, 153, 166);
        color: rgb(255,255,255);
    }
    .tableabout tr:nth-of-type(odd) {                 
        background-color: #FFFFFF;
        color: rgb(1, 56, 106);
    }

/* JQuery-UI */

.ui-autocomplete { height: 200px; overflow-y: scroll; overflow-x: hidden;}
.ui-autocomplete-loading {
    background: white url("../Images/ui-anim_basic_16x16.gif") center center no-repeat;            
}

#datepicker {            
    border: solid 1px;
    background-color: #c6c6c6;
    border-color: black;                     
}
